<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/main.css" />
		<link rel="stylesheet" type="text/css" href="css/animate.css" />
	</head>

	<body>

		 <!--    开始    -->
    <div class="start">
        <img src="img/start_logo.png" alt="" class="start_log">
        <img src="img/start_30s.png" alt="" class="start_1">
        <img src="img/start_dizhonghai.png" alt="" class="start_2">
        <img src="img/start_cheshou.png" alt="" class="start_3">
        <img src="img/start_go.png" alt="" class="start_4">
        <img src="img/start_rule.png" alt="" class="start_5">
    </div>
    <!--    游戏说明    -->
    <div class="shuoming">
        <img src="img/start_ruleup.png" alt="" class="sm1">
        <img src="img/close.png" alt="" class="sm2">
    </div>
    <!--    节目录制现场    -->
    <div class="start_l">
        <img src="img/start_logo.png" alt="" class="start_log">
        <img src="img/wanfa_xianchang.png" alt="" class="start_l1">
        <img src="img/start.png" alt="" class="start_l2">
        <img src="img/wanfa_instruction.png" alt="" class="start_l3">
    </div>

    <!--    赛车    -->
    <canvas id="canvas" width="500" height="500"></canvas>

    <!--    赛车按钮    -->
    <div class="s_btn">
        <img src="img/left_btn.png" alt="" class="s_btn1">
        <img src="img/right_btn.png" alt="" class="s_btn2">
        <img src="img/speed_btn.png" alt="" class="s_btn3">
        <img src="img/slow_btn.png" alt="" class="s_btn4">
        <img src="img/light_1.png" alt="" class="s_btn5">
        <img src="img/ready.png" alt="" class="s_btn6">
        <img src="img/time.png" alt="" class="s_btn7">
        <div class="s_btn8">
            <span>0:0:</span><span class="s_btn9">30</span>
        </div>
    </div>
		<!-- 过关啦 -->
		<div id="end_success">
			<img src="img/start_logo.png"/>
			<img src="img/guoguanla.png"/>
			<p>你共闯过了<span class="miss">0</span>个障碍物</p>
			<p>胜出全国<span class="percent">0</span><span class="percent1">%</span>的玩家</p>
			<img src="img/yaoqingdaoshi.png"/>
			<img src="img/yaoqing.png" class="yaoqing"/>
			<img src="img/paihangbang.png" class="paihang"/>
			<div class="yaoqingup">
				<img src="img/choose.png" alt="" />
			</div>
			<div class="bangdan">
				<img src="img/paihang.png"/>
				<img src="img/close.png" class="close"/>
			</div>
		</div>

		<!-- 失败啦 -->
		<div id="end_fail">
			<img src="img/start_logo.png"/>
			<img src="img/yihan.png"/>
			<p>你只闯过了<span class="miss">0</span>个障碍物</p>
			<p>胜出全国<span class="percent">0</span><span class="percent1">%</span>的玩家</p>
			<img src="img/playagain.png"/>
			<img src="img/again.png" class="end_again"/>
			<img src="img/paihangbang.png" class="paihang"/>
			<div class="bangdan">
				<img src="img/paihang.png"/>
				<img src="img/close.png" class="close"/>
			</div>
		</div>

		<!-- 邀请导师 -->
		<div id="choose">
			<img src="img/start_logo.png"/>
			<img src="img/yaoqingni.png"/>
			<img src="img/30stiaozhan.png"/>
			<p>闯过了<span class="miss">0</span>个障碍物</p>
			<p>胜出全国<span class="percent">0</span><span class="percent1">%</span>的玩家</p>
			<img src="img/click_choose.png"/>
			<img src="img/good.png"/>
			<img src="img/bad.png"/>
		</div>

		<!-- No one选择你 -->
		<div id="noone">
			<img src="img/start_logo.png"/>
			<img src="img/noone.png"/>
			<p>(已有<span class="chooseNum">0</span>位导师选择“你丫太差啦”)</p>
			<img src="img/chooseyou2.png"/>
			<img src="img/again2go.png"/>
			<img src="img/dianping.png"/>
		</div>

		<!-- 被淘汰啦 -->
		<div id="taotai">
			<img src="img/start_logo.png"/>
			<img src="img/taotai.png"/>
			<img src="img/again2go.png"/>
		</div>

		<!-- 去抽奖吧 -->
		<div id="tochoujiang">
			<img src="img/start_logo.png"/>
			<img src="img/lot2.png"/>
			<img src="img/lot1.png" class="tochooseprize"/>
		</div>

		<!-- 抽奖转盘 -->
		<div id="zhuanpan">
			<img src="img/start_logo.png" />
			<img src="img/zhuanpan1.png" id="zp_pan"/>
			<div id="zp_car_box">
				<img src="img/chou_car.png" alt="" id="zp_car">
			</div>
			<img src="img/readygo.png" id="zp_readyGo" />
			<img src="img/hand.png" id="zp_hand" />
		</div>
		<div id="choujiang">
			<div id="zhongjiang">
				<img src="img/gongxi.png">
				<img src="img/win1.png" id="zj_zp">
				<img src="img/lingjiang_btn.png" class="lingjiang_btn">
			</div>
			<div id="info">
				<img src="img/lingjiangxinxi.png">
				<div class="username">姓名 <input type="text"></div>
				<div class="tel">电话 <input type="text"></div>
				<div class="address">住址
					<select name="" id="province">
						<option value="0">请选择</option>
					</select>
					<select name="" id="city"></select>
				</div>
				<img src="img/select.png" alt="">
				<img src="img/select.png" alt="">
				<div class="qu"><input type="text"></div>
				<img src="img/tianhaole.png" class="tianhaole">
			</div>
			<div id="submit">
				<img src="img/suc1.png"/>
			</div>
			<div id="yihan">
				<img src="img/gameover.png">
				<img src="img/again2go.png" class="again2">
			</div>
		</div>

		<script src="js/jquery-2.2.3.min.js"></script>
		<script src="js/zepto.js"></script>
		<script src="js/touch.min.js"></script>
		 <script src="js/loading.js"></script>
		<script src="js/main.js"></script>
	</body>

</html>